<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Assembly Bills</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/flexslider.css" />
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />
    

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
            <header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha" style="margin-top:0"><a href="index.php"><img src="images/logo.jpg" alt="" width="59" height="53"></a></div>
                <section id="navigation" class="nine columns omega">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li class="current"><a href="index.html">Home</a></li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">FAQ</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">REGISTER NOW</a>
                          <li><a href="#">LOGIN</a>
                      </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->
        
        <!-- SLIDER -->
        <div id="outerslider">
        	<div class="container">
        	<div id="slidercontainer" class="twelve columns">
            
            	<section id="slider">
                    <div id="slideritems" class="flexslider">
                        <ul class="slides">
                            <li>
                                <img src="images/content/slide1.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>Once, the preserve of an exclusive few</h1>
                                    <p>National Assembly members during bill passage</p>
                                    
                                </div>
                            </li>
                            <li>
                                <img src="images/content/slide2.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>No Longer Anymore</h1>
                                    <p>The people want a say in the process of making their law...</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/content/slide3.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>For a better Country</h1>
                                    <p>Assembly Bills is giving you a voice to make a decision in how the laws which govern you are made. Become a Member today!</p>
                                 
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
                
            </div>
            </div>
        </div>
        <!-- END SLIDER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            	<section id="content" class="positionleft eight columns alpha">
                    <article>
                    	<hgroup>
                        <h2 class="smallmargin">Welcome to Assembly Bills</h2>
                        <h3 class="customcolor">...democratizing the bills passage process </h3>
                        </hgroup>
                        <p>Welcome. It is great to have you here.</p>
                        <p>Assembly bills was created to give the ordinary citizen access to give inputs into bills that are to be pass into law by the legislative arms of their country.<br>
                        We hope you find our application useful and we hope to improve the governance process through this app.You need to login to use this app. You can do that with the form at the right.Encourage Us by sharing with friends. </p>
<p><!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></p>
                        <p>We would love to get feedback from you.<br>
                        <strong> Mail:</strong> assemblybills@segebee.com</p>
<p>&nbsp;</p>
                    </article>
                    
                    <div class="separator line"><div></div></div>
                    
                    <article>
                        <div class="four columns alpha">
                        	<h3 class="smallmargin">Popular Bills</h3>
                            <ul>
                            <li>Renaming of UNILAG to MAULAG Bill...</li>
                            <li>Petroleum Industry Bill...</li>
                            <li>Outlawing of Homosexualism in Nigera Bill...</li>
                            <li>Environmental Protection Bill...</li>
                            <li>Online Crime Offences Bill...</li>
                            </ul>
                            
</div>
                        <div class="four columns omega">
                        	<h3 class="smallmargin">Latest Bills</h3>
                            <ul>
                            <li>Women Empowerment in government Bill...</li>
                            <li>Revenue sharing for Local communities Bill...</li>
                            <li>Free Nomadic Education Bill...</li>
                            <li>Children Protection Bill...</li>
                            <li>Tech Hubs Development Bill...</li>
                            </ul>
</div>
                    </article>
				</section>
                
                <aside id="sidebar" class="positionright four columns omega">
                    <ul>
                      <li class="widget-container">
                            <h2 class="widget-title">Introductory Video</h2>
                            <object style="height: 200px; width: 200px"><param name="movie" value="http://www.youtube.com/v/6JS5v9QQlT8?version=3&feature=player_detailpage"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/6JS5v9QQlT8?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="200" height="200"></object>
                          
                   	  </li>
                      
                      </hr>
                      <li class="widget-container">
                            <h2 class="widget-title">Login Here</h2>
                      </li>
                      <li class="widget-container"><img src="images/googlelogin.png" width="182" height="31">
                        
                        <form action="userarea.php" method="post">
                          <p>
                            <label><strong>Username</strong></label> 
                            <br>
  <input type="text" name="login" /><br>
                            
  <label><strong>Password</strong></label> 
  <br>
  <input type="password" name="password" />
  <br>
                            
  <br>
  <input type="submit" name="submit" value="Login" />
                            
                            <br>
                            <br>
                            Not Registered? <a href="register.php">Register Here</a>
                          </p>
                          
                        </form>
                      </li>
                  <hr />
                 
                  <li class="widget-container">
                            <h2 class="widget-title">We are on Mobile</h2>
                            You want an Android, Blackberry, Iphone, Ipad or Java app?<br>
							Our Engineers are working hard at it but you can access on on all your mobile devices!<br>
					  <img src="images/play.jpg" width="108" height="53" alt="Google Play Store"> 
                      <img src="images/apple.jpeg" width="109" height="55" alt="apple store"> </li>
                  
                  
                 	</ul>
				</aside>	
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
        <!-- AFTER CONTENT -->
        <div id="outeraftercontent">
            <div class="container">
            <div id="aftercontent" class="twelve columns">
                <section id="afterthecontent">
                    <ul class="sn">
                        <li><a title="Facebook" href="http://facebook.com"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
                        <li><a title="Twitter" href="http://twitter.com"><span style="background:url(images/social/twitter.png)" class="icon-img"></span></a></li>
                        <li><a title="StumbleUpon" href="http://stumbleupon.com"><span style="background:url(images/social/stumbleupon.png)" class="icon-img"></span></a></li>
                        <li><a title="Youtube" href="http://youtube.com"><span style="background:url(images/social/youtube.png)" class="icon-img"></span></a></li>
                        <li><a title="Lastfm" href="http://www.last.fm/"><span style="background:url(images/social/lastfm.png)" class="icon-img"></span></a></li>
                    </ul>
                    <address class="addr">We are located at Co Creation Hub. 294 Herbert Macaulay Road, Sabo, Yaba, Lagos.</address>
                </section>
            </div>
            </div>
        </div>
        <!-- END AFTER CONTENT -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">Copyright &copy;2012 Assembly Bills. All Rights Reserved . Hack for Good - Google IO 2012</footer>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Flexslider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<script type="text/javascript">
jQuery(window).load(function() {
    jQuery('.flexslider').flexslider({
          animation: "slide",              //String: Select your animation type, "fade" or "slide"
		  slideDirection: "vertical",   //String: Select the sliding direction, "horizontal" or "vertical"
		  directionNav: false, //Boolean: Create navigation for previous/next navigation? (true/false)
		  controlNav: true  //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
        });
});
</script>	
</body>
</html>
